<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>500网络错误页面</title>
	</head>
	<style type="text/css">
		@charset "utf-8";
		/* 公用样式 */
		*{ margin:0; padding:0; outline: none;border: none;}
		body{ font-family: "Adobe"; background: #ffff; }
		a{ text-decoration:none; }
		img{ border:0;}
		ul,li{ padding:0; margin:0; list-style:none;}
		input{background: none}
		.clearfix{
		    overflow: hidden;
		    _height:1px;
		}
		.container{height: 650px;width: 1124px;margin: 45px auto;text-align: center;}
		.container h2{margin-top: 30px;margin-left: -200px;}
		.buttom{width: 528px;height: 40px;line-height: 40px;margin: 0px auto 0px auto;float: right;margin-right: -130px;}
		.buttom a{color: #c2151f;margin: 0 50px;}
		.msgbut{height: 40px;line-height: 20px;width: 500px;cursor: pointer;}
		#triangle-down {width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #000;margin-left: 110px;}
		.msg{min-height: 280px;border:solid #919191 5px;background: #000000;color: #00DB00;text-align: left;padding: 10px;max-height: 280px;overflow-y:auto;}
	</style>
	<body>
		<div class="container">
			<img src="img/500.png"/>
			<div class="msgbut">
				<h2>Sorry 服务器内部发生错误</h2>
			<span id="triangle-down"></span>
			</div>
			<div class="msg" hidden>
			</div>
			<div class="buttom" >
				<a href="#">< 上一步</a>
				<a href="#">返回首页 ></a>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript">
		$('.msgbut').click(function(){
			$('.msg').toggle();
		});
	</script>
</html>
